﻿<!DOCTYPE html>
<html lang="en-US" itemscope="itemscope" itemtype="http://schema.org/WebPage">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <title>Electro &#8211; Electronics Ecommerce Theme</title>

        <link rel="stylesheet" type="text/css" href="assets/css/bootstrap.min.css" media="all" />
        <link rel="stylesheet" type="text/css" href="assets/css/font-awesome.min.css" media="all" />
        <link rel="stylesheet" type="text/css" href="assets/css/animate.min.css" media="all" />
        <link rel="stylesheet" type="text/css" href="assets/css/font-electro.css" media="all" />
        <link rel="stylesheet" type="text/css" href="assets/css/owl-carousel.css" media="all" />
        <link rel="stylesheet" type="text/css" href="assets/css/style.css" media="all" />
        <link rel="stylesheet" type="text/css" href="assets/css/colors/yellow.css" media="all" />
        <link rel="stylesheet" type="text/css" href="./css/common.css" media="all" />
        <link rel="stylesheet" type="text/css" href="./css/xcConfirm.css" media="all" />

        <!--        <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,700italic,800,800italic,600italic,400italic,300italic' rel='stylesheet' type='text/css'>-->

<!--        <link rel="shortcut icon" href="assets/images/fav-icon.png">-->
    </head>

    <body class="page home page-template-default">
        <div id="page" class="hfeed site">
            <a class="skip-link screen-reader-text" href="#site-navigation">Skip to navigation</a>
            <a class="skip-link screen-reader-text" href="#content">Skip to content</a>


            <div class="top-bar">
                <div class="container">
                    <nav>
                        <ul id="menu-top-bar-left" class="nav nav-inline pull-left animate-dropdown flip">
                            <li class="menu-item animate-dropdown"><a title="欢迎来到 CSU Mall" href="#">欢迎来到 CSU Mall</a></li>
                        </ul>
                    </nav>

                    <nav id="logined-nav" style="display: none">
                        <ul id="menu-top-bar-right" class="nav nav-inline pull-right animate-dropdown flip">
                            <li class="menu-item animate-dropdown"><a title="Store Locator" href="#"><i class="ec ec-map-pointer"></i>Store Locator</a></li>
                            <li class="menu-item animate-dropdown"><a title="Track Your Order" href="track-your-order.html"><i class="ec ec-transport"></i>Track Your Order</a></li>
                            <li class="menu-item animate-dropdown"><a title="Shop" href="shop.html"><i class="ec ec-shopping-bag"></i>Shop</a></li>
                            <li class="menu-item animate-dropdown"><a title="My Account" href="./my-info.html"><i class="ec ec-user"></i>My Account</a></li>
                        </ul>
                    </nav>
                    <nav id="login-nav" style="display:none;">
                        <ul class="nav nav-inline pull-right animate-dropdown flip">
                            <li class="menu-item animate-dropdown"><a title="My Account" href="./my-account.html"><i class="ec ec-user"></i>请登录</a></li>
                        </ul>
                    </nav>
                </div>
            </div><!-- /.top-bar -->


            <nav class="navbar navbar-primary navbar-full">
                <div class="container">
                    <ul class="nav navbar-nav departments-menu animate-dropdown">
                        <li class="nav-item dropdown ">
                            <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="./home.html" id="departments-menu-toggle" >Cherry Save Us malll</a>
                        </li>
                    </ul>
                    <div class="navbar-search">
                        <label class="sr-only screen-reader-text" for="input-search">Search for:</label>
                        <div class="input-group">
                            <input type="text" id="input-search" class="form-control search-field" dir="ltr" value="" name="s" placeholder="Search for products" />
                            <div class="input-group-addon search-categories">
                                <select name='product_cat' id='product_cat' class='postform resizeselect' >
                                    <option value='0' selected='selected'>All Categories</option>
                                    <option class="level-0" value="laptops-laptops-computers">Laptops</option>

                                </select>
                            </div>
                            <div class="input-group-btn">
                                <input type="hidden" id="search-param" name="post_type" value="product" />
                                <button class="btn btn-secondary" id="search-btn"><i class="ec ec-search"></i></button>
                            </div>
                        </div>
                    </div>

                    <ul class="navbar-mini-cart navbar-nav animate-dropdown nav pull-right flip">
                        <li class="nav-item dropdown">
                            <a href="cart.html" class="nav-link" data-toggle="dropdown">
                                <i class="ec ec-shopping-bag"></i>
                                <span class="cart-items-count count">4</span>
                                <span class="cart-items-total-price total-price"><span class="amount">&#36;1,215.00</span></span>
                            </a>
                            <ul class="dropdown-menu dropdown-menu-mini-cart">
                                <li>
                                    <div class="widget_shopping_cart_content">

                                        <ul class="cart_list product_list_widget ">


                                            <li class="mini_cart_item">
                                                <a title="Remove this item" class="remove" href="#">×</a>
                                                <a href="single-product.html">
                                                    <img class="attachment-shop_thumbnail size-shop_thumbnail wp-post-image" src="assets/images/products/mini-cart1.jpg" alt="">White lumia 9001&nbsp;
                                                </a>

                                                <span class="quantity">2 × <span class="amount">£150.00</span></span>
                                            </li>


                                            <li class="mini_cart_item">
                                                <a title="Remove this item" class="remove" href="#">×</a>
                                                <a href="single-product.html">
                                                    <img class="attachment-shop_thumbnail size-shop_thumbnail wp-post-image" src="assets/images/products/mini-cart2.jpg" alt="">PlayStation 4&nbsp;
                                                </a>

                                                <span class="quantity">1 × <span class="amount">£399.99</span></span>
                                            </li>

                                            <li class="mini_cart_item">
                                                <a data-product_sku="" data-product_id="34" title="Remove this item" class="remove" href="#">×</a>
                                                <a href="single-product.html">
                                                    <img class="attachment-shop_thumbnail size-shop_thumbnail wp-post-image" src="assets/images/products/mini-cart3.jpg" alt="">POV Action Cam HDR-AS100V&nbsp;

                                                </a>

                                                <span class="quantity">1 × <span class="amount">£269.99</span></span>
                                            </li>


                                        </ul><!-- end product list -->


                                        <p class="total"><strong>Subtotal:</strong> <span class="amount">£969.98</span></p>


                                        <p class="buttons">
                                            <a class="button wc-forward" href="cart.html">View Cart</a>
                                            <a class="button checkout wc-forward" href="checkout.html">Checkout</a>
                                        </p>


                                    </div>
                                </li>
                            </ul>
                        </li>
                    </ul>

                    <ul class="navbar-wishlist nav navbar-nav pull-right flip">
                        <li class="nav-item">
                            <a href="wishlist.html" class="nav-link" ><i class="ec ec-favorites"></i></a>
                        </li>
                    </ul>
                    <ul class="navbar-compare nav navbar-nav pull-right flip">
                        <li class="nav-item">
                            <a href="compare.html" class="nav-link"><i class="ec ec-compare"></i></a>
                        </li>
                    </ul>
                </div>
            </nav>
            <div id="content" class="site-content" tabindex="-1">
                <div class="container">

                    <nav class="woocommerce-breadcrumb" ><a href="home.html">Home</a><span class="delimiter"><i class="fa fa-angle-right"></i></span></nav><!-- .woocommerce-breadcrumb -->

                    <div id="primary" class="content-area">
                        <main id="main" class="site-main">
                            <article id="post-8" class="hentry">

                                <div class="entry-content">
                                    <div class="woocommerce">
                                        <div class="customer-login-form">
                                            <span class="or-text" >or</span>

                                            <div class="col2-set" id="customer_login" >

                                                <div class="col-1">


                                                    <h2>Login</h2>

                                                    <div  class="login">

                                                        <p class="before-login-text">欢迎，请登录</p>

                                                        <p class="form-row form-row-wide">
                                                            <label for="login-username">请输入用户名或邮箱登录<span class="required">*</span><span class="error" id="login-error" style="color: red;margin-left: 50px">错误信息</span></label>
                                                            <input type="text" class="input-text" name="username" id="login-username" value="" />
                                                        </p>

                                                        <p class="form-row form-row-wide">
                                                            <label for="login-password">密码<span class="required">*</span></label>
                                                            <input class="input-text" type="password" name="password" id="login-password" />
                                                        </p>

                                                        <p class="form-row">
                                                        <div class="button cursor" value="Login" name="login" id="user-login-btn">login</div>
                                                            <label for="rememberme" class="inline"><input name="rememberme" type="checkbox" id="rememberme" value="forever" /> 记住我</label>
                                                        </p>

                                                        <p class="lost_password"><a href="###" id="lost-password">&nbsp;&nbsp;忘记密码</a></p>

                                                    </div>


                                                </div><!-- .col-1 -->

                                                <div class="col-2">

                                                    <h2>Register</h2>

                                                    <div  class="register">

                                                        <p class="before-register-text">创建账户</p>

                                                        <p class="form-row form-row-wide">
                                                            <label for="reg_email">邮箱<span class="required">*</span>  <span class="error" id="email-error" style="margin-left: 50px">邮箱已存在</span> </label>
                                                            <input type="email" class="input-text" name="email" id="reg_email" value="" />
                                                        </p>
                                                        <p class="form-row form-row-wide">
                                                            <label for="reg_username">用户名<span class="required">*</span>  <span class="error" id="username-error" style="margin-left: 50px">用户名已存在</span> </label>
                                                            <input type="text" class="input-text" name="username" id="reg_username" value="" />
                                                        </p>
                                                        <p class="form-row form-row-wide">
                                                            <label for="reg_password">密码<span class="required">*</span>  <span class="error" id="password-error" style="margin-left: 50px">密码</span> </label>
                                                            <input type="password" class="input-text" name="password" id="reg_password" value="" />
                                                        </p>
                                                        <p class="form-row form-row-wide">
                                                            <label for="reg_repassword">确认密码<span class="required">*</span><span class="error" id="repassword-error" style="margin-left: 50px">两次密码不一致</span></label>
                                                            <input type="password" class="input-text" name="repassword" id="reg_repassword" value="" />
                                                        </p>
                                                        <p class="form-row form-row-wide">
                                                            <label for="reg_phone">电话号码<span class="required">*</span>  <span class="error" id="phone-error" style="margin-left: 50px"></span>  </label>
                                                            <input type="text" class="input-text" name="phonenumaber" id="reg_phone" value="" />
                                                        </p>
                                                        <p class="form-row form-row-wide">
                                                            <label for="reg_question">安全问题<span class="required">*</span></label>
                                                            <select class="input-text" id="reg_question">
                                                                <option value="最喜欢的学校的名字">最喜欢的学校的名字</option>
                                                                <option value="最喜欢的食物">最喜欢的食物</option>
                                                                <option value="最喜欢的人">最喜欢的人</option>
                                                            </select>
                                                        </p>
                                                        <p class="form-row form-row-wide">
                                                            <label for="reg_answer">问题答案<span class="required">*</span></label>
                                                            <input type="text" class="input-text" name="answer" id="reg_answer" value="" />
                                                        </p>



                                                        <p class="form-row ">
                                                        <div type="submit" class="button cursor"  style="cursor: pointer" name="register" value="Register" id="register">注册</div>
                                                        <div class="register-benefits" id="reg-success" style="display: none;margin-left: 30px">
                                                            <ul>
                                                                <li>注册成功～t</li>
                                                            </ul>
                                                        </div>

                                                        </p>



                                                    </div>

                                                </div><!-- .col-2 -->

                                            </div><!-- .col2-set -->
                                                <!--     重置密码     -->
                                            <div class="row" id="user-reset-password">
                                                <div class="col-md-3"></div>
                                                <div class="col-md-6">

<!--                                                    <div>-->
<!--                                                        <ul >-->
<!--                                                            <li >第一步</li>-->
<!--                                                            <li >第二步</li>-->
<!--                                                            <li >第三步</li>-->
<!--                                                            <li >完成</li>-->
<!--                                                        </ul>-->
<!--                                                    </div>-->

                                                    <div id="reset-password-first">
                                                            <p class="form-row form-row-wide">
                                                                <label for="forget-username">&nbsp;&nbsp;需要修改密码的账户：<span class="required">*</span><span class="error" id="forget-username-errorr" style="color: red;margin-left: 50px">错误信息</span></label>
                                                                <input type="text" class="input-text" name="username" id="forget-username" value="" />
                                                            </p>
                                                            <button class="btn btn-info" id="reset-password-first-btn">下一步</button>
                                                    </div>

                                                    <div id="reset-password-second">
                                                            <p class="form-row form-row-wide">
                                                                <label for="forget-user-question">&nbsp;&nbsp;密保问题：<span class="required">*</span></label>
                                                                <input type="text" class="input-text" name="user-question" id="forget-user-question" value="" />
                                                            </p>
                                                            <p class="form-row form-row-wide">
                                                                <label for="forget-user-answer">&nbsp;&nbsp;答案：<span class="required">*</span><span class="error" id="forger-qusetin-answer-error" style="color: red;margin-left: 50px">错误信息</span></label>
                                                                <input type="text" class="input-text" name="user-answer" id="forget-user-answer" value="" />
                                                            </p>
                                                            <p class="clear"></p>
                                                            <button class="btn btn-info" id="reset-password-second-btn">下一步</button>
                                                    </div>
                                                    <div id="reset-password-third">
                                                             <p class="form-row form-row-wide">
                                                                 <label for="forget-user-password">&nbsp;&nbsp;新密码：<span class="required">*</span></label>
                                                                 <input type="text" class="input-text" name="user-question" id="forget-user-password" value="" />
                                                             </p>
                                                             <p class="form-row form-row-wide">
                                                                 <label for="forget-user-repassword">&nbsp;&nbsp;确认密码：<span class="required">*</span><span class="error" id="forget-user-repassword-error" style="color: red;margin-left: 50px">错误信息</span></label>
                                                                 <input type="text" class="input-text" name="user-answer" id="forget-user-repassword" value="" />
                                                             </p>
                                                             <p class="clear"></p>
                                                             <button class="btn btn-info" id="reset-password-third-btn">下一步</button>
                                                    </div>
                                                    <div id="reset-password-success">

                                                        <h3>更改成功</h3><h2>即将返回登录页面</h2>
                                                    </div>

                                                </div>
                                                <div class="col-md-3"></div>

                                            </div>
                                        </div><!-- /.customer-login-form -->
                                    </div><!-- .woocommerce -->
                                </div><!-- .entry-content -->

                            </article><!-- #post-## -->

                        </main><!-- #main -->
                    </div><!-- #primary -->

                </div><!-- .col-full -->
            </div><!-- #content -->


            <footer id="colophon" class="site-footer">


            	<div class="copyright-bar">
            		<div class="container">
            			<div class="pull-left flip copyright">&copy; <a href="http://www.bootstrapmb.com">Electro</a> - All Rights Reserved</div>
            			<div class="pull-right flip payment">
            				<div class="footer-payment-logo">
            					<ul class="cash-card card-inline">
            						<li class="card-item"><img src="assets/images/footer/payment-icon/1.png" alt="" width="52"></li>
            						<li class="card-item"><img src="assets/images/footer/payment-icon/2.png" alt="" width="52"></li>
            						<li class="card-item"><img src="assets/images/footer/payment-icon/3.png" alt="" width="52"></li>
            						<li class="card-item"><img src="assets/images/footer/payment-icon/4.png" alt="" width="52"></li>
            						<li class="card-item"><img src="assets/images/footer/payment-icon/5.png" alt="" width="52"></li>
            					</ul>
            				</div><!-- /.payment-methods -->
            			</div>
            		</div><!-- /.container -->
            	</div><!-- /.copyright-bar -->
            </footer><!-- #colophon -->

        </div><!-- #page -->

<!--        <script type="text/javascript" src="assets/js/jquery.min.js"></script>-->
        <script src="https://cdn.bootcdn.net/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
        <script type="text/javascript" src="assets/js/tether.min.js"></script>
        <script type="text/javascript" src="assets/js/bootstrap.min.js"></script>
        <script type="text/javascript" src="assets/js/bootstrap-hover-dropdown.min.js"></script>
        <script type="text/javascript" src="assets/js/owl.carousel.min.js"></script>
        <script type="text/javascript" src="assets/js/echo.min.js"></script>
        <script type="text/javascript" src="assets/js/wow.min.js"></script>
        <script type="text/javascript" src="assets/js/jquery.easing.min.js"></script>
        <script type="text/javascript" src="assets/js/jquery.waypoints.min.js"></script>
        <script src="https://cdn.bootcdn.net/ajax/libs/blueimp-md5/2.16.0/js/md5.js"></script>
        <script type="text/javascript" src="assets/js/electro.js"></script>

        <script type="text/javascript" src="./js/common.js"></script>
        <script type="text/javascript" src="js/xcConfirm.js"></script>
        <script type="text/javascript" src="./js/user.js"></script>

        <script type="text/javascript" src="./js/top-bar.js"></script>

        <script type="text/javascript" src="./js/my-account.js"></script>

<!--        <script>-->
<!--            _common_util.request({-->
<!--                method : 'POST',-->
<!--                url : "http://localhost:8080/admin/login",-->
<!--                data: {-->
<!--                    'username' : 'uyao',-->
<!--                    'password' : '123'-->
<!--                },-->
<!--                success : function(res){-->
<!--                    console.log(res);-->
<!--                },-->
<!--                error : function(err){-->
<!--                    console.log(err);-->
<!--                }-->
<!--            })-->
<!--        </script>-->

    <script>
        if (window.localStorage.getItem('islogin')!=null){
            window.location.href = './my-info.html';
        }
    </script>
    </body>

</html>
